<template>
  <div>
    <!-- 标签页 -->
    <el-tabs v-model="activeTab">
      <!-- 首页标签页 -->
      <el-tab-pane label="声音克隆" name="home">
        <iframe
          :src="baiduUrl"
          width="100%"
          height="600"
          frameborder="0"
          allowfullscreen
        ></iframe>
      </el-tab-pane>
      <!-- 百度标签页 -->
      <el-tab-pane label="声音推理" name="biying">
        <iframe
          :src="biying"
          width="100%"
          height="600"
          frameborder="0"
          allowfullscreen
        ></iframe>
      </el-tab-pane>
      <!-- 其他标签页 -->
      <!-- <el-tab-pane label="标签页名称" name="other-tab">...</el-tab-pane> -->
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 定义当前激活的标签页名称
      activeTab: 'home',
      // 定义百度的 URL
      baiduUrl: 'http://localhost:9874/',
      biying: 'http://localhost:9872/',
    };
  },
};
</script>